<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Tailwind Test</title>
  <script src="https://cdn.tailwindcss.com"></script>
</head>
<body class="bg-gray-100 min-h-screen flex flex-col items-center justify-center p-4">
  <h1 class="text-4xl font-bold text-blue-600 mb-4">Tailwind Test Page</h1>
  <p class="text-lg text-gray-700 mb-6">This is a test page to verify Tailwind CSS is working</p>
  <div class="grid grid-cols-3 gap-4 w-full max-w-3xl">
    <div class="bg-red-500 text-white p-4 rounded-lg shadow">Red Box</div>
    <div class="bg-green-500 text-white p-4 rounded-lg shadow">Green Box</div>
    <div class="bg-blue-500 text-white p-4 rounded-lg shadow">Blue Box</div>
  </div>
</body>
</html> 